import React, {useEffect} from 'react';
import {View,} from '@tarojs/components';
import styles from './index.module.scss';

const Index: React.FC<any> = ({data}: any) => {
        const {amount, condition, title, time} = data
        useEffect(() => {
            load();
        }, []);

        const load = async () => {
        }


        return (
            <View className={styles.page}>
                <View className={styles.page_left}>
                    <View className={styles.page_left_top}>
                        <View className={styles.page_left_top_left}>
                            {amount}
                        </View>
                        <View className={styles.page_left_top_right}>
                            元
                        </View>
                    </View>
                    <View className={styles.page_left_bottom}>
                        {condition}
                    </View>
                </View>
                <View className={styles.page_right}>
                    <View className={styles.page_right_left}>
                        <View className={styles.page_right_left_top}>
                            {title}
                        </View>
                        <View className={styles.page_right_left_bottom}>
                            {time}
                        </View>
                    </View>
                    <View className={styles.page_right_right}>
                        去使用
                    </View>
                </View>
            </View>
        );
    }
;

export default Index;
